<template>
  <div class="m-contain">
    <van-nav-bar title="个人信息"
                 left-arrow
                 @click-left="onClickLeft" />
    <div class="m-main">

      <van-cell title="头像"
                center
                replace
                is-link
                url="/index"
                clickable>
        <van-image width="40"
                   height="40"
                   :src="require('@/assets/image/user/icon-user.png')" />
      </van-cell>
      <van-cell title="姓名"
                clickable
                center
                is-link
                @click="$router.push('/user/updName')"
                replace
                value="请编辑" />
      <van-cell title="手机号"
                clickable
                center
                is-link
                replace
                @click="$router.push('/user/updPhone')"
                value="15962536452" />
    </div>
  </div>
</template>
<script>

import Vue from 'vue';

import { NavBar, Image as VanImage, Button, Cell, CellGroup, Icon } from 'vant';

Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(VanImage);
Vue.use(NavBar);
Vue.use(Button);
export default {
  name: "userInfo",
  data() {
    return {

    }
  },
  components: {

  },
  methods: {
    onClickLeft() {
      this.$router.push('mine')
    }
  }
}
</script>

<style>
.van-image__img {
  margin-top: 10px;
}
</style>

<style lang="less" scoped>
.van-cell {
  padding: 0 15px;
  line-height: 59px;
  .van-cell__title {
    font-size: 15px;
    color: #333;
  }
  .van-cell__value {
    font-size: 15px;
    color: #999999;
  }
}
</style>